import React from 'react'
import ReactDOM from 'react-dom/client'

// function Person(name) {
//   this.name = name
// }

// Person.prototype.sayHi = () => {
//   console.log('我是在原型上面添加的方法')
// }

// const p = new Person('zs')
// console.log(p)
// p.sayHi()

// class Person {
//   constructor(name) {
//     this.name = name
//   }

//   sayHi() {
//     console.log('你好')
//   }
// }

// const p = new Person('ls')
// console.log(p)
// p.sayHi()

// 创建class组件
// 1. 类组件也是首字母需要大写的
// 2. 类组件定义时 必须继承 React.Component 这个父类
// 3. 类组件必须提供 render方法, 在方法中 需要返回react元素
// 在hooks出现之前, 类组件功能非常强大(维护自己的数据)
class Hello extends React.Component {
  render() {
    return <div>我是一个类组件</div>
  }
}

const root = ReactDOM.createRoot(document.getElementById('root'))

root.render(<Hello></Hello>)
